<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/header.jsp"%>
<%
	String title = "全安药业信息综合系统";
%>
<title><%=title%></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="apple-itunes-app" content="app-id=429849944" />
<meta name="apple-touch-fullscreen" content="no" />
<meta content="telephone=no" name="format-detection" />
<meta name="apple-mobile-web-app-capable" content="no" />
</head>

<!-- BEGIN BODY -->
<body class="fixed-top">

	<!-- BEGIN HEADER -->
	<jsp:include page="/common/headerPage.jsp"></jsp:include>
	<!-- END HEADER -->


	<!-- BEGIN CONTAINER 容器 -->
	<div id="container" class="row-fluid">
		<!-- BEGIN SIDEBAR 侧边栏-->
		<jsp:include page="/common/left.jsp"></jsp:include>
		<!-- END SIDEBAR -->

		<!-- BEGIN PAGE -->
		<div id="main-content">
			<!-- BEGIN PAGE CONTAINER-->
			<div class="container-fluid">
				<!-- BEGIN PAGE HEADER-->
				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN THEME CUSTOMIZER-->
						<div id="theme-change" class="hidden-phone" style="display:none">
							<i class="icon-cogs"></i> <span class="settings"> <span
								class="text">主题颜色:</span> <span class="colors"> <span
									class="color-default" data-style="default"></span> <span
									class="color-green" data-style="green"></span> <span
									class="color-gray" data-style="gray"></span> <span
									class="color-purple" data-style="purple"></span> <span
									class="color-red" data-style="red"></span>
							</span>
							</span>
						</div>
						<!-- END THEME CUSTOMIZER-->

						
						<h3 class="page-title">控制台</h3>
						<!-- BEGIN PAGE TITLE & BREADCRUMB-->
						<ul class="breadcrumb">
							<li><a
								href="${pageContext.request.contextPath}/user/index.do">首页</a> <span
								class="divider">/</span></li>
							<li class="active">控制台</li>
							<li class="pull-right search-wrap">
								<form action="404.jsp" class="hidden-phone">
									<div class="input-append search-input-area">
										<input class="" id="appendedInputButton" type="text">
										<button class="btn" type="button">
											<i class="icon-search"></i>
										</button>
									</div>
								</form>
							</li>
						</ul>
						
						<!-- END PAGE TITLE & BREADCRUMB-->
					</div>
				</div>
				<!-- END PAGE HEADER-->

				<!-- BEGIN PAGE CONTENT-->
				<div class="row-fluid">
					<!--BEGIN METRO STATES-->
					<div class="metro-nav">
						<div class="metro-nav-block nav-block-orange">
							<a data-original-title="" href="javascript:void(0);"> <i
								class="icon-comments-alt"></i>
								<div class="info_center">
									+<span id="newTerminalCount"></span>
								</div>
								<div class="status">新开发终端</div>
							</a>
						</div>

						<div class="metro-nav-block nav-olive">
							<a data-original-title="" href="javascript:void(0);"> <i
								class="icon-tags"></i>
								<div class="info_center" id="newTerminalSum">loading</div>
								<div class="status">新终端纯销(三品)</div>
							</a>
						</div>

						<div class="metro-nav-block nav-block-red">
							<a data-original-title="" href="javascript:void(0);"> <i
								class="icon-bar-chart"></i>
								<div class="info_my" id="Rx2018CurrentMonth">
									<p>loading</p>
									<p>loading</p>
									<p>loading</p>
								</div>
								<div class="status" id="Rx2018CurrentMonthSum">Rx本月纯销</div>
							</a>
						</div>

						<div class="metro-nav-block nav-block-green double">
							<a data-original-title="" href="javascript:void(0);"> <i
								class="icon-eye-open"></i>
								<div class="info_my" id="Rx2018">
									<p>loading</p>
									<p>loading</p>
									<p>loading</p>
								</div>
								<div class="status" id="Rx2018sum">Rx18年纯销</div>
							</a>
						</div>

						<div class="metro-nav-block nav-block-yellow">
							<a data-original-title="" href="javascript:void(0);"> <i
								class="icon-user"></i>
								<div class="info_center" id="clientCount">loading</div>
								<div class="status">保有客户 / 保有终端</div>
							</a>
						</div>
					</div>

					<div class="metro-nav">
						<div class="metro-nav-block nav-light-green">
							<a data-original-title=""
								href="${pageContext.request.contextPath }/plans/download_plansUI.do">
								<i class="icon-bar-chart"></i>
								<div class="info_my"></div>
								<div class="status">下载流向到Excel</div>
							</a>
						</div>
						<div class="metro-nav-block nav-light-purple">
							<a data-original-title=""
								href="${pageContext.request.contextPath }/plans/download_reportUI.do">
								<i class="icon-bar-chart"></i>
								<div class="info"></div>
								<div class="status">下载报表到Excel</div>
							</a>
						</div>
						<div class="metro-nav-block nav-light-blue double">
							<a data-original-title="" href="javascript:void(0);"> <i
								class="icon-eye-open"></i>
								<div class="info_my" id="OTC2018">
									<p>loading</p>
									<p>loading</p>
									<p>loading</p>
								</div>
								<div class="status" id="OTC2018sum">OTC18年纯销</div>
							</a>
						</div>

						<div class="metro-nav-block nav-light-brown">
							<a data-original-title="" href="javascript:void(0);"> <i
								class="icon-bar-chart"></i>
								<div class="info_old" id="OTC2018CurrentMonth">
									<p>loading</p>
									<p>loading</p>
									<p>loading</p>
								</div>
								<div class="status" id="OTC2018CurrentMonthSum">OTC本月纯销</div>
							</a>
						</div>

						<div class="metro-nav-block nav-block-grey">
							<a data-original-title="" href="javascript:void(0);"> <i
								class="icon-tasks"></i>
								<div class="info_old" id="oldYearsPlansAllSum">
									<p>
										16年纯销<span id="count2016cx">loading</span>
									</p>
									<p>
										16年销售<span id="count2016xs">loading</span>
									</p>
									<p>
										17年纯销<span id="count2017cx">loading</span>
									</p>
									<p>
										17年销售<span id="count2017xs">loading</span>
									</p>
								</div>
								<div class="status">三品</div>
							</a>
						</div>

					</div>
					<div class="space10"></div>
					<!--END METRO STATES-->
				</div>

				<div class="row-fluid">
					<div class="span6">
						<!-- BEGIN CHART PORTLET-->
						<div class="widget ">
							<div class="widget-title">
								<h4>
									<i class="icon-reorder"></i>18年三品纯销饼图
								</h4>
								<span class="tools"> <a href="javascript:;"
									class="icon-chevron-down"></a> <a href="javascript:;"
									class="icon-remove"></a>
								</span>
							</div>
							<div class="widget-body_bingtu">
								<div class="text-center">
									<canvas id="doughnut" height="300px;" style="height: 300px;">
                                </canvas>
								</div>
								<div class="text-center" id="demo"></div>
							</div>
						</div>
						<!-- END CHART PORTLET-->
					</div>
					<div class="span6">
						<div class="widget ">
							<div class="widget-title">
								<h4>
									<i class="icon-tasks"></i> 18年省份（Rx+OTC=<span
										class="RxAndOTC2018sum"></span>）
								</h4>
								<span class="tools"> <a href="javascript:;"
									class="icon-chevron-down"></a> <a href="javascript:;"
									class="icon-remove"></a>
								</span>
							</div>
							<div class="widget-body"
								style="overflow-y: scroll; height: 295px;">
								<ul class="unstyled" id="province2018CxScount">
									<li><span class="btn btn-inverse"> <i
											class="icon-fire"></i>
									</span> loading <strong class="label label-important">
											loading </strong>
										<div class="space10"></div>
										<div class="progress progress-danger">
											<div style="width: 25%;" class="bar"></div>
										</div></li>
									<li><span class="btn btn-inverse"> <i
											class="icon-fire"></i>
									</span> loading <strong class="label label-important">
											loading </strong>
										<div class="space10"></div>
										<div class="progress progress-striped">
											<div style="width: 45%;" class="bar"></div>
										</div></li>
									<li><span class="btn btn-inverse"> <i
											class="icon-fire"></i>
									</span> loading <strong class="label label-important">
											loading </strong>
										<div class="space10"></div>
										<div class="progress progress-striped">
											<div style="width: 75%;" class="bar"></div>
										</div></li>
									<li><span class="btn btn-inverse"> <i
											class="icon-fire"></i>
									</span> loading <strong class="label label-important">
											loading </strong>
										<div class="space10"></div>
										<div
											class="progress progress-striped progress-success active no-margin-bot">
											<div style="width: 95%;" class="bar"></div>
										</div></li>
								</ul>

							</div>
						</div>
					</div>
				</div>


				<div class="row-fluid">
					<div class="span6">
						<div class="widget purple">
							<div class="widget-title">
								<h4>
									<i class="icon-tasks"></i> 18年大区（Rx+OTC=<span
										class="RxAndOTC2018sum"></span>）
								</h4>
								<span class="tools"> <a href="javascript:;"
									class="icon-chevron-down"></a> <a href="javascript:;"
									class="icon-remove"></a>
								</span>
							</div>
							<div class="widget-body"
								style="overflow-y: scroll; height: 310px;">
								<ul class="unstyled" id="bigSpace2018CxScount">
									<li><span class="btn btn-inverse"> <i
											class="icon-fire"></i>
									</span> loading <strong class="label label-important">
											loading </strong>
										<div class="space10"></div>
										<div class="progress progress-danger">
											<div style="width: 25%;" class="bar"></div>
										</div></li>
									<li><span class="btn btn-inverse"> <i
											class="icon-fire"></i>
									</span> loading <strong class="label label-important">
											loading </strong>
										<div class="space10"></div>
										<div class="progress progress-striped">
											<div style="width: 45%;" class="bar"></div>
										</div></li>
									<li><span class="btn btn-inverse"> <i
											class="icon-fire"></i>
									</span> loading <strong class="label label-important">
											loading </strong>
										<div class="space10"></div>
										<div class="progress progress-striped">
											<div style="width: 75%;" class="bar"></div>
										</div></li>
									<li><span class="btn btn-inverse"> <i
											class="icon-fire"></i>
									</span> loading <strong class="label label-important">
											loading </strong>
										<div class="space10"></div>
										<div
											class="progress progress-striped progress-success active no-margin-bot">
											<div style="width: 95%;" class="bar"></div>
										</div></li>
								</ul>

							</div>
						</div>
					</div>
					<div class="span6">
						<div class="widget purple">
							<div class="widget-title">
								<h4>
									<i class="icon-tasks"></i> 18年片区（Rx+OTC=<span
										class="RxAndOTC2018sum"></span>）
								</h4>
								<span class="tools"> <a href="javascript:;"
									class="icon-chevron-down"></a> <a href="javascript:;"
									class="icon-remove"></a>
								</span>
							</div>
							<div class="widget-body"
								style="overflow-y: scroll; height: 310px;">
								<ul class="unstyled" id="space2018CxScount">
									<li><span class="btn btn-inverse"> <i
											class="icon-fire"></i>
									</span> loading <strong class="label label-important">
											loading </strong>
										<div class="space10"></div>
										<div class="progress progress-danger">
											<div style="width: 25%;" class="bar"></div>
										</div></li>
									<li><span class="btn btn-inverse"> <i
											class="icon-fire"></i>
									</span> loading <strong class="label label-important">
											loading </strong>
										<div class="space10"></div>
										<div class="progress progress-striped">
											<div style="width: 45%;" class="bar"></div>
										</div></li>
									<li><span class="btn btn-inverse"> <i
											class="icon-fire"></i>
									</span> loading <strong class="label label-important">
											loading </strong>
										<div class="space10"></div>
										<div class="progress progress-striped">
											<div style="width: 75%;" class="bar"></div>
										</div></li>
									<li><span class="btn btn-inverse"> <i
											class="icon-fire"></i>
									</span> loading <strong class="label label-important">
											loading </strong>
										<div class="space10"></div>
										<div
											class="progress progress-striped progress-success active no-margin-bot">
											<div style="width: 95%;" class="bar"></div>
										</div></li>
								</ul>
							</div>
						</div>
					</div>
				</div>


				<!--- 费用分析 费用分析费用分析费用分析费用分析费用分析费用分析费用分析费用分析费用分析费用分析费用分析费用分析-->
				<!-- 2018cx 纯销-->
				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN ALERTS PORTLET-->
						<div class="widget orange">
							<div class="widget-title">
								<h4>
									<i class="icon-reorder"></i>全片区18年【纯销】费用
								</h4>
								<span class="tools"> <a href="javascript:;"
									class="icon-chevron-down"></a> <a href="javascript:;"
									class="icon-remove"></a>
								</span>
							</div>
							<div class="widget-body" style="overflow: auto">
								<table class="table table-striped" width="550px;"
									style="table-layout: fixed">
									<thead>
										<tr>
											<th width="30px">品种</th>
											<th width="70px"><i class="icon-eur"></i>折合量</th>
											<th width="90px"><i class="icon-eur"></i>中标金额</th>
											<th width="90px"><i class="icon-eur"></i>开票金额</th>
											<th width="90px"><i class="icon-eur"></i>总费用</th>
											<th width="90px">中标费用率</th>
											<th width="90px">开票费用率</th>
										</tr>
									</thead>
									<tbody id="selectCx2018Sum">
									</tbody>
								</table>
							</div>
						</div>
						<!-- END ALERTS PORTLET-->
					</div>
				</div>
				
				<!-- 2018xs 销售-->
				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN ALERTS PORTLET-->
						<div class="widget orange">
							<div class="widget-title">
								<h4>
									<i class="icon-reorder"></i>全片区18年【销售】费用
								</h4>
								<span class="tools"> <a href="javascript:;"
									class="icon-chevron-down"></a> <a href="javascript:;"
									class="icon-remove"></a>
								</span>
							</div>
							<div class="widget-body" style="overflow: auto">
								<table class="table table-striped" width="550px;"
									style="table-layout: fixed">
									<thead>
										<tr>
											<th width="30px">品种</th>
											<th width="70px"><i class="icon-eur"></i>折合量</th>
											<th width="90px"><i class="icon-eur"></i>中标金额</th>
											<th width="90px"><i class="icon-eur"></i>开票金额</th>
											<th width="90px"><i class="icon-eur"></i>总费用</th>
											<th width="90px">中标费用率</th>
											<th width="90px">开票费用率</th>
										</tr>
									</thead>
									<tbody id="selectXs2018Sum">
									</tbody>
								</table>
							</div>
						</div>
						<!-- END ALERTS PORTLET-->
					</div>
				</div>

				<!-- 2017cx 纯销-->
				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN ALERTS PORTLET-->
						<div class="widget gray">
							<div class="widget-title">
								<h4>
									<i class="icon-reorder"></i>全片区17年【纯销】费用
								</h4>
								<span class="tools"> <a href="javascript:;"
									class="icon-chevron-down"></a> <a href="javascript:;"
									class="icon-remove"></a>
								</span>
							</div>
							<div class="widget-body" style="overflow: auto">
								<table class="table table-striped" width="550px;"
									style="table-layout: fixed">
									<thead>
										<tr>
											<th width="30px">品种</th>
											<th width="70px"><i class="icon-eur"></i>折合量</th>
											<th width="90px"><i class="icon-eur"></i>中标金额</th>
											<th width="90px"><i class="icon-eur"></i>开票金额</th>
											<th width="90px"><i class="icon-eur"></i>总费用</th>
											<th width="90px">中标费用率</th>
											<th width="90px">开票费用率</th>
										</tr>
									</thead>
									<tbody id="selectCx2017Sum">
									</tbody>
								</table>
							</div>
						</div>
						<!-- END ALERTS PORTLET-->
					</div>
				</div>
				<!-- 2017xs 销售-->
				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN ALERTS PORTLET-->
						<div class="widget gray">
							<div class="widget-title">
								<h4>
									<i class="icon-reorder"></i>全片区17年【销售】费用
								</h4>
								<span class="tools"> <a href="javascript:;"
									class="icon-chevron-down"></a> <a href="javascript:;"
									class="icon-remove"></a>
								</span>
							</div>
							<div class="widget-body" style="overflow: auto">
								<table class="table table-striped" width="550px;"
									style="table-layout: fixed">
									<thead>
										<tr>
											<th width="30px">品种</th>
											<th width="70px"><i class="icon-eur"></i>折合量</th>
											<th width="90px"><i class="icon-eur"></i>中标金额</th>
											<th width="90px"><i class="icon-eur"></i>开票金额</th>
											<th width="90px"><i class="icon-eur"></i>总费用</th>
											<th width="90px">中标费用率</th>
											<th width="90px">开票费用率</th>
										</tr>
									</thead>
									<tbody id="selectXs2017Sum">
									</tbody>
								</table>
							</div>
						</div>
						<!-- END ALERTS PORTLET-->
					</div>
				</div>

				<!-- BEGIN PAGE HEADER
            <div class="row-fluid">
                <div class="span12">
                    <ul class="breadcrumb">
                        <li class="active">
                            各个片区费用分析，注意：【开票价、中标价录入不对以及自然流向跟进不及时都会影响费用分析的准确性】
                        </li>
                    </ul>
                </div>
            </div>
            -->
				<!-- END PAGE HEADER-->

				<!-- BEGIN BASIC PORTLET
            <div class="widget orange">
                <div class="widget-title">
                    <h4><i class="icon-reorder"></i>18年片区【纯销】费用【开始】</h4>
                    <span class="tools">
                        <a href="javascript:;" class="icon-chevron-down"></a>
                        <a href="javascript:;" class="icon-remove"></a>
                    </span>
                </div>
                <div class="widget-body" style="overflow:auto">
                    <table class="table table-striped" width="640px;" style="table-layout:fixed">
                        <thead>
                        <tr>
                            <th width="70px">片区</th>
                            <th width="30px">品种</th>
                            <th width="90px"><i class="icon-eur"></i>折合量</th>
                            <th width="90px"><i class="icon-eur"></i>中标金额</th>
                            <th width="90px"><i class="icon-eur"></i>开票金额</th>
                            <th width="90px"><i class="icon-eur"></i>总费用</th>
                            <th width="90px">中标费用率</th>
                            <th width="90px">开票费用率</th>
                        </tr>
                        </thead>
                        <tbody id="selectCx2018Space">
                        </tbody>
                    </table>
                </div>
                <div class="widget gray">
                    <div class="widget-title">
                        <h4><i class="icon-reorder"></i>18年片区【纯销】费用【结束】 </h4>
                        <span class="tools">
									<a href="javascript:;" class="icon-chevron-down"></a>
									<a href="javascript:;" class="icon-remove"></a>
									</span>
                    </div>
                </div>
            </div>
            -->
				<!-- END BASIC PORTLET-->
				<!-- BEGIN BASIC PORTLET
            <div class="widget orange">
                <div class="widget-title">
                    <h4><i class="icon-reorder"></i> 18年片区【销售】费用【开始】</h4>
                    <span class="tools">
                        <a href="javascript:;" class="icon-chevron-down"></a>
                        <a href="javascript:;" class="icon-remove"></a>
                    </span>
                </div>
                <div class="widget-body" style="overflow:auto">
                    <table class="table table-striped" width="640px;" style="table-layout:fixed">
                        <thead>
                        <tr>
                            <th width="70px;">片区</th>
                            <th width="30px;">品种</th>
                            <th width="90px;"><i class="icon-eur"></i>折合量</th>
                            <th width="90px;"><i class="icon-eur"></i>中标金额</th>
                            <th width="90px;"><i class="icon-eur"></i>开票金额</th>
                            <th width="90px;"><i class="icon-eur"></i>总费用</th>
                            <th width="90px;">中标费用率</th>
                            <th width="90px;">开票费用率</th>
                        </tr>
                        </thead>
                        <tbody id="selectXs2018Space">
                        </tbody>
                    </table>
                </div>

                <div class="widget gray">
                    <div class="widget-title">
                        <h4><i class="icon-reorder"></i>18年片区【销售】费用【结束】 </h4>
                        <span class="tools">
				<a href="javascript:;" class="icon-chevron-down"></a>
				<a href="javascript:;" class="icon-remove"></a>
				</span>
                    </div>
                </div>
            </div>
            -->
				<!-- END BASIC PORTLET-->
				<!-- BEGIN BASIC PORTLET
            <div class="widget orange">
                <div class="widget-title">
                    <h4><i class="icon-reorder"></i> 17年片区【纯销】费用【开始】</h4>
                    <span class="tools">
                        <a href="javascript:;" class="icon-chevron-down"></a>
                        <a href="javascript:;" class="icon-remove"></a>
                    </span>
                </div>
                <div class="widget-body" style="overflow:auto">
                    <table class="table table-striped" width="640px;" style="table-layout:fixed">
                        <thead>
                        <tr>
                            <th width="70px;">片区</th>
                            <th width="30px;">品种</th>
                            <th width="90px;"><i class="icon-eur"></i>折合量</th>
                            <th width="90px;"><i class="icon-eur"></i>中标金额</th>
                            <th width="90px;"><i class="icon-eur"></i>开票金额</th>
                            <th width="90px;"><i class="icon-eur"></i>总费用</th>
                            <th width="90px;">中标费用率</th>
                            <th width="90px;">开票费用率</th>
                        </tr>
                        </thead>
                        <tbody id="selectCx2017Space">
                        </tbody>
                    </table>
                </div>

                <div class="widget gray">
                    <div class="widget-title">
                        <h4><i class="icon-reorder"></i>17年片区【纯销】费用【结束】 </h4>
                        <span class="tools">
				<a href="javascript:;" class="icon-chevron-down"></a>
				<a href="javascript:;" class="icon-remove"></a>
				</span>
                    </div>
                </div>
            </div>
            -->
				<!-- END BASIC PORTLET-->
				<!-- BEGIN BASIC PORTLET 
            <div class="widget orange">
                <div class="widget-title">
                    <h4><i class="icon-reorder"></i> 17年片区【销售】费用【开始】</h4>
                    <span class="tools">
                        <a href="javascript:;" class="icon-chevron-down"></a>
                        <a href="javascript:;" class="icon-remove"></a>
                    </span>
                </div>
                <div class="widget-body" style="overflow:auto">
                    <table class="table table-striped" width="640px;" style="table-layout:fixed">
                        <thead>
                        <tr>
                            <th width="70px;">片区</th>
                            <th width="30px;">品种</th>
                            <th width="90px;"><i class="icon-eur"></i>折合量</th>
                            <th width="90px;"><i class="icon-eur"></i>中标金额</th>
                            <th width="90px;"><i class="icon-eur"></i>开票金额</th>
                            <th width="90px;"><i class="icon-eur"></i>总费用</th>
                            <th width="90px;">中标费用率</th>
                            <th width="90px;">开票费用率</th>
                        </tr>
                        </thead>
                        <tbody id="selectXs2017Space">
                        </tbody>
                    </table>
                </div>

                <div class="widget gray">
                    <div class="widget-title">
                        <h4><i class="icon-reorder"></i>17年片区【销售】费用【结束】 </h4>
                        <span class="tools">
				<a href="javascript:;" class="icon-chevron-down"></a>
				<a href="javascript:;" class="icon-remove"></a>
				</span>
                    </div>
                </div>
            </div>
           -->
			</div>
			<!-- END PAGE CONTAINER-->
		</div>
		<!-- END PAGE -->
	</div>
	<!-- END CONTAINER -->
	
	<!-- BEGIN bootstrap JAVASCRIPTS -->
	<!-- 该组js未修改过源码 -->
	<script src="${pageContext.request.contextPath}/js/jquery-1.8.3.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/jquery.nicescroll.js" type="text/javascript"></script>
	<script src="${pageContext.request.contextPath}/js/jquery-ui-1.9.2.custom.min.js" type="text/javascript" ></script>
	<script src="${pageContext.request.contextPath}/js/jquery.slimscroll.min.js" type="text/javascript" ></script>
	<script src="${pageContext.request.contextPath}/js/fullcalendar.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/jquery.easy-pie-chart.js" type="text/javascript"></script>
	<script src="${pageContext.request.contextPath}/js/jquery.sparkline.js" type="text/javascript"></script>
	<script src="${pageContext.request.contextPath}/js/Chart.js"></script>
	<script src="${pageContext.request.contextPath}/js/jquery.scrollTo.min.js"></script>
	<!--common script for all pages -->
	<script src="${pageContext.request.contextPath}/js/common-scripts.js"></script>
	
	

	<div id="ascrail2000" class="nicescroll-rails"
		style="width: 5px; z-index: 100; background: rgb(64, 64, 64); cursor: default; position: fixed; top: 60px; left: 175px; height: 635px; display: none;">
		<div
			style="position: relative; top: 0px; float: right; width: 5px; height: 0px; background-color: rgb(74, 139, 194); background-clip: padding-box; border-radius: 0px;"></div>
	</div>
	<div id="ascrail2000-hr" class="nicescroll-rails"
		style="height: 5px; z-index: 100; background: rgb(64, 64, 64); top: 690px; left: 0px; position: fixed; cursor: default; display: none;">
		<div
			style="position: relative; top: 0px; height: 5px; width: 0px; background-color: rgb(74, 139, 194); background-clip: padding-box; border-radius: 0px;"></div>
	</div>
	<div id="ascrail2001" class="nicescroll-rails"
		style="width: 8px; z-index: 1000; background: rgb(64, 64, 64); cursor: default; position: fixed; top: 0px; height: 100%; right: 0px; opacity: 0;">
		<div
			style="position: relative; top: 0px; float: right; width: 8px; height: 184px; background-color: rgb(74, 139, 194); background-clip: padding-box; border-radius: 0px;"></div>
	</div>
	<div id="ascrail2001-hr" class="nicescroll-rails"
		style="height: 8px; z-index: 1000; background: rgb(64, 64, 64); position: fixed; left: 0px; width: 100%; bottom: 0px; cursor: default; display: none; opacity: 0;">
		<div
			style="position: relative; top: 0px; height: 8px; width: 1366px; background-color: rgb(74, 139, 194); background-clip: padding-box; border-radius: 0px;"></div>
	</div>
	
	
	<!--script for this page only该组js未修改过源码 -->
	<script src="${pageContext.request.contextPath}/js/easy-pie-chart.js"></script>
	<script src="${pageContext.request.contextPath}/js/sparkline-chart.js"></script>
	<script src="${pageContext.request.contextPath}/js/home-page-calender.js"></script>
	
	<!--该组js修改过源码 -->
	<script src="${pageContext.request.contextPath}/js/home-chartjs.js"></script>
	
	<!-- END bootstrap JAVASCRIPTS -->
	
	
	<!-- 自定义的script方法 -->
	<script src="${pageContext.request.contextPath}/javascript/httpService.js"></script>
	<script type="text/javascript">
		$(function() {
			var params = $("#feiyong").serialize();
			//查询新开发终端
			sendRequest(pageContextPath + "/plans/selectNewTerminals.do",
					params, function(jsonData) {
						var count = jsonData.count;
						var sum = jsonData.sum;
						$("#newTerminalCount").html(count);
						$("#newTerminalSum").html(sum);
					});
			//自然流向的查询
			sendRequest(pageContextPath + "/plans/selectNatural.do", params,
					function(jsonData) {
						var count = jsonData.count;
						var countReal = jsonData.countReal;
						var waitDealCount = jsonData.waitDealCount;
						$("#count").html("【 " + count + " 条】");
						$("#countReal").html("【 " + countReal + " 条】");
						$("#waitDealCount").html("【 " + waitDealCount + " 条】");
						//alert(count);
					});
			//查询2018有效终端
			// sendRequest(pageContextPath + "/plans/selectTerminalCount.do", params, function (jsonData) {
			//     var count = jsonData.count;
			//     terminalCount = count;
			//     $("#terminalCount").html(count);
			// });

			//查询2018有效客户
			sendRequest(pageContextPath + "/plans/selectClientCount.do",
					params, function(jsonData) {
						var count = jsonData.count;
						var terminalCount = jsonData.terminalCount;
						$("#clientCount").html(count + " / " + terminalCount);
					});
			//查询16、17年纯销、销售汇总折合量
			sendRequest(
					pageContextPath + "/plans/selectOldYearsPlansAllSum.do",
					params, function(jsonData) {
						var count2016cx = jsonData.count2016cx;
						var count2016xs = jsonData.count2016xs;
						var count2017cx = jsonData.count2017cx;
						var count2017xs = jsonData.count2017xs;
						$("#count2016cx").html('');
						$("#count2016xs").html('');
						$("#count2017cx").html('');
						$("#count2017xs").html('');
						$("#count2016cx").html(count2016cx + '万');
						$("#count2016xs").html(count2016xs + '万');
						$("#count2017cx").html(count2017cx + '万');
						$("#count2017xs").html(count2017xs + '万');
					});
			//查询2018流向情况
			sendRequest(pageContextPath + "/plans/select2018RxCxScount.do",
					params, function(jsonData) {
						var list = jsonData.list;
						var buf = "";
						var sum = 0;
						$("#Rx2018").html('');
						for (var i = 0; i < list.length; i++) {
							buf += '<p >';
							buf += list[i].product + ' ';
							buf += list[i].sumScount;
							sum += parseFloat(list[i].sumScount);
							buf += '</p>';
						}
						$("#Rx2018").html(buf);
						$("#Rx2018sum").html("Rx18年纯销:" + sum.toFixed(1));
					});
			sendRequest(pageContextPath
					+ "/plans/select2018RxCxScountCurrentMonth.do", params,
					function(jsonData) {
						var list = jsonData.list;
						var buf = "";
						var sum = 0;
						$("#Rx2018CurrentMonth").html('');
						for (var i = 0; i < list.length; i++) {
							buf += '<p >';
							buf += list[i].product + ' ';
							buf += list[i].sumScount;
							sum += parseFloat(list[i].sumScount);
							buf += '</p>';
						}
						$("#Rx2018CurrentMonth").html(buf);
						$("#Rx2018CurrentMonthSum").html("Rx本月纯销:" + sum.toFixed(1));
					});
			sendRequest(pageContextPath + "/plans/select2018OTCCxScount.do",
					params, function(jsonData) {
						var list = jsonData.list;
						var buf = "";
						var sum = 0;
						$("#OTC2018").html('');
						for (var i = 0; i < list.length; i++) {
							buf += '<p>';
							buf += list[i].product + ' ';
							buf += list[i].sumScount;
							sum += parseFloat(list[i].sumScount);
							buf += '</p>';
						}
						$("#OTC2018").html(buf);
						$("#OTC2018sum").html("OTC18年纯销:" + sum.toFixed(1));
					});
			sendRequest(pageContextPath
					+ "/plans/select2018OTCCxScountCurrentMonth.do", params,
					function(jsonData) {
						var list = jsonData.list;
						var buf = "";
						var sum = 0;
						$("#OTC2018CurrentMonth").html('');
						for (var i = 0; i < list.length; i++) {
							buf += '<p>';
							buf += list[i].product + ' ';
							buf += list[i].sumScount;
							sum += parseFloat(list[i].sumScount);
							buf += '</p>';
						}
						$("#OTC2018CurrentMonth").html(buf);
						$("#OTC2018CurrentMonthSum").html("OTC本月纯销:" + sum.toFixed(1));
					});
			sendRequest(
					pageContextPath + "/plans/selectProvince2018CxScount.do",
					params,
					function(jsonData) {
						var list = jsonData.list;
						var count = jsonData.count;
						var buf = "";
						var sum = 0;
						$("#province2018CxScount").html('');
						for (var i = 0; i < list.length; i++) {
							buf += '<li>';
							buf += '<span class="btn btn-inverse"><i class="icon-refresh"></i>';
							buf += '</span>';
							buf += ' ' + list[i].product + ' ';
							buf += '<strong class="label">';
							buf += ' ' + list[i].sumScount + ' ';
							sum += parseFloat(list[i].sumScount);
							buf += '</strong>';
							buf += '<div class="space10"></div>';
							buf += '<div class="progress">';
							buf += '<div style="width: '
									+ ((list[i].sumScount) / count) * 100
									+ '%;" class="bar">';
							buf += '</div>';
							buf += '</div>';
							buf += '</li>';
						}
						$("#province2018CxScount").html(buf);
						$("span.RxAndOTC2018sum").html(sum.toFixed(1));
					});
			sendRequest(
					pageContextPath + "/plans/selectBigSpace2018CxScount.do",
					params,
					function(jsonData) {
						var list = jsonData.list;
						var count = jsonData.count;
						var buf = "";
						$("#bigSpace2018CxScount").html('');
						for (var i = 0; i < list.length; i++) {
							buf += '<li>';
							buf += '<span class="btn btn-inverse"><i class="icon-refresh"></i>';
							buf += '</span>';
							buf += ' ' + list[i].product + ' ';
							buf += '<strong class="label">';
							buf += ' ' + list[i].sumScount + ' ';
							buf += '</strong>';
							buf += '<div class="space10"></div>';
							buf += '<div class="progress">';
							buf += '<div style="width: '
									+ ((list[i].sumScount) / count) * 100
									+ '%;" class="bar">';
							buf += '</div>';
							buf += '</div>';
							buf += '</li>';
						}
						$("#bigSpace2018CxScount").html(buf);
					});

			sendRequest(
					pageContextPath + "/plans/selectSpace2018CxScount.do",
					params,
					function(jsonData) {
						var list = jsonData.list;
						var count = jsonData.count;
						var buf = "";
						$("#space2018CxScount").html('');
						for (var i = 0; i < list.length; i++) {
							buf += '<li>';
							buf += '<span class="btn btn-inverse"><i class="icon-refresh"></i>';
							buf += '</span>';
							buf += ' ' + list[i].product + ' ';
							buf += '<strong class="label">';
							buf += ' ' + list[i].sumScount + ' ';
							buf += '</strong>';
							buf += '<div class="space10"></div>';
							buf += '<div class="progress">';
							buf += '<div style="width: '
									+ ((list[i].sumScount) / count) * 100
									+ '%;" class="bar">';
							buf += '</div>';
							buf += '</div>';
							buf += '</li>';
						}
						$("#space2018CxScount").html(buf);
					});

			sendRequest(pageContextPath + "/plans/selectCx2018Sum.do", params,
					function(jsonData) {
						var list = jsonData.list;
						var buf = "";
						$("#selectCx2018Sum").html('');
						for (var i = 0; i < list.length; i++) {
							buf += '<tr>';
							buf += '<td width="30px">' + list[i].product
									+ '</td>';
							buf += '<td width="70px">' + list[i].scount
									+ '</td>';
							buf += '<td width="90px">' + list[i].zhongbiaoMoney
									+ '</td>';
							buf += '<td width="90px">' + list[i].kaipiaoMoney
									+ '</td>';
							buf += '<td width="90px">' + list[i].totalMoney
									+ '</td>';
							buf += '<td width="90px">' + list[i].zhongbaioFeiLv
									+ '</td>';
							buf += '<td width="90px">' + list[i].kaipiaoFeiLv
									+ '</td>';
							buf += '</tr>';
						}
						$("#selectCx2018Sum").html(buf);
					});
			sendRequest(pageContextPath + "/plans/selectXs2018Sum.do", params,
					function(jsonData) {
						var list = jsonData.list;
						var buf = "";
						$("#selectXs2018Sum").html('');
						for (var i = 0; i < list.length; i++) {
							buf += '<tr>';
							buf += '<td width="30px">' + list[i].product
									+ '</td>';
							buf += '<td width="70px">' + list[i].scount
									+ '</td>';
							buf += '<td width="90px">' + list[i].zhongbiaoMoney
									+ '</td>';
							buf += '<td width="90px">' + list[i].kaipiaoMoney
									+ '</td>';
							buf += '<td width="90px">' + list[i].totalMoney
									+ '</td>';
							buf += '<td width="90px">' + list[i].zhongbaioFeiLv
									+ '</td>';
							buf += '<td width="90px">' + list[i].kaipiaoFeiLv
									+ '</td>';
							buf += '</tr>';
						}
						$("#selectXs2018Sum").html(buf);
					});
			sendRequest(pageContextPath + "/plans/selectCx2017Sum.do", params,
					function(jsonData) {
						var list = jsonData.list;
						var buf = "";
						$("#selectCx2017Sum").html('');
						for (var i = 0; i < list.length; i++) {
							buf += '<tr>';
							buf += '<td width="30px">' + list[i].product
									+ '</td>';
							buf += '<td width="70px">' + list[i].scount
									+ '</td>';
							buf += '<td width="90px">' + list[i].zhongbiaoMoney
									+ '</td>';
							buf += '<td width="90px">' + list[i].kaipiaoMoney
									+ '</td>';
							buf += '<td width="90px">' + list[i].totalMoney
									+ '</td>';
							buf += '<td width="90px">' + list[i].zhongbaioFeiLv
									+ '</td>';
							buf += '<td width="90px">' + list[i].kaipiaoFeiLv
									+ '</td>';
							buf += '</tr>';
						}
						$("#selectCx2017Sum").html(buf);
					});
			sendRequest(pageContextPath + "/plans/selectXs2017Sum.do", params,
					function(jsonData) {
						var list = jsonData.list;
						var buf = "";
						$("#selectXs2017Sum").html('');
						for (var i = 0; i < list.length; i++) {
							buf += '<tr>';
							buf += '<td width="40px">' + list[i].product
									+ '</td>';
							buf += '<td width="50px">' + list[i].scount
									+ '</td>';
							buf += '<td width="70px">' + list[i].zhongbiaoMoney
									+ '</td>';
							buf += '<td width="70px">' + list[i].kaipiaoMoney
									+ '</td>';
							buf += '<td width="70px">' + list[i].totalMoney
									+ '</td>';
							buf += '<td width="70px">' + list[i].zhongbaioFeiLv
									+ '</td>';
							buf += '<td width="70px">' + list[i].kaipiaoFeiLv
									+ '</td>';
							buf += '</tr>';
						}
						$("#selectXs2017Sum").html(buf);
					});
			sendRequest(pageContextPath + "/plans/selectCx2018Space.do",
					params, function(jsonData) {
						var list = jsonData.list;
						var buf = "";
						$("#selectCx2018Space").html('');
						for (var i = 0; i < list.length; i++) {
							buf += '<tr>';
							buf += '<td width="70px">' + list[i].space
									+ '</td>';
							buf += '<td width="30px">' + list[i].product
									+ '</td>';
							buf += '<td width="70px">' + list[i].scount
									+ '</td>';
							buf += '<td width="70px">' + list[i].zhongbiaoMoney
									+ '</td>';
							buf += '<td width="70px">' + list[i].kaipiaoMoney
									+ '</td>';
							buf += '<td width="70px">' + list[i].totalMoney
									+ '</td>';
							buf += '<td width="70px">' + list[i].zhongbaioFeiLv
									+ '</td>';
							buf += '<td width="70px">' + list[i].kaipiaoFeiLv
									+ '</td>';
							buf += '</tr>';
						}
						$("#selectCx2018Space").html(buf);
					});
			sendRequest(pageContextPath + "/plans/selectXs2018Space.do",
					params, function(jsonData) {
						var list = jsonData.list;
						var buf = "";
						$("#selectXs2018Space").html('');
						for (var i = 0; i < list.length; i++) {
							buf += '<tr>';
							buf += '<td>' + list[i].space + '</td>';
							buf += '<td>' + list[i].product + '</td>';
							buf += '<td>' + list[i].scount + '</td>';
							buf += '<td>' + list[i].zhongbiaoMoney + '</td>';
							buf += '<td>' + list[i].kaipiaoMoney + '</td>';
							buf += '<td>' + list[i].totalMoney + '</td>';
							buf += '<td>' + list[i].zhongbaioFeiLv + '</td>';
							buf += '<td>' + list[i].kaipiaoFeiLv + '</td>';
							buf += '</tr>';
						}
						$("#selectXs2018Space").html(buf);
					});
			sendRequest(pageContextPath + "/plans/selectCx2017Space.do",
					params, function(jsonData) {
						var list = jsonData.list;
						var buf = "";
						$("#selectCx2017Space").html('');
						for (var i = 0; i < list.length; i++) {
							buf += '<tr>';
							buf += '<td>' + list[i].space + '</td>';
							buf += '<td>' + list[i].product + '</td>';
							buf += '<td>' + list[i].scount + '</td>';
							buf += '<td>' + list[i].zhongbiaoMoney + '</td>';
							buf += '<td>' + list[i].kaipiaoMoney + '</td>';
							buf += '<td>' + list[i].totalMoney + '</td>';
							buf += '<td>' + list[i].zhongbaioFeiLv + '</td>';
							buf += '<td>' + list[i].kaipiaoFeiLv + '</td>';
							buf += '</tr>';
						}
						$("#selectCx2017Space").html(buf);
					});
			sendRequest(pageContextPath + "/plans/selectXs2017Space.do",
					params, function(jsonData) {
						var list = jsonData.list;
						var buf = "";
						$("#selectXs2017Space").html('');
						for (var i = 0; i < list.length; i++) {
							buf += '<tr>';
							buf += '<td>' + list[i].space + '</td>';
							buf += '<td>' + list[i].product + '</td>';
							buf += '<td>' + list[i].scount + '</td>';
							buf += '<td>' + list[i].zhongbiaoMoney + '</td>';
							buf += '<td>' + list[i].kaipiaoMoney + '</td>';
							buf += '<td>' + list[i].totalMoney + '</td>';
							buf += '<td>' + list[i].zhongbaioFeiLv + '</td>';
							buf += '<td>' + list[i].kaipiaoFeiLv + '</td>';
							buf += '</tr>';
						}
						$("#selectXs2017Space").html(buf);
					});
		});
	</script>

	<form id="feiyong" method="post"></form>
	<!-- END BODY -->


	<!-- BEGIN FOOTER -->
	<jsp:include page="/common/footer.jsp"></jsp:include>
	<!-- END FOOTER -->
</body>
</html>